﻿
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>日本直邮</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
        <link rel="stylesheet" href="css/sm.css">
        <link rel="stylesheet" href="css/sm-extend.css">
        <link rel="stylesheet" href="css/my-assess.css">
        <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
</head>


<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page">
            <!-- 标题栏 -->
            <header class="bar bar-nav pos">
               	<a class="icon icon-left pull-left open-panel" href="javascript:history.go(-1)" style="color:#3d4145;"></a>
                <h1 class="title">我的评价</h1>
            </header>

          <!-- 这里是页面内容区 -->
          <div class="content">

            <div class="top">
                <div class="top1 clearfix">
                    <div class="fl"><img src="image/touxiang.png"/></div>
                    <div class="fl">152******3027</div>
                    <div class="fr"><a href="send_comment.html">写评价</a></div>
                </div>
            </div>
            <div class="fenge"></div>
            <div class="buttons-tab">
      <a href="#tab1" class="tab-link active button">全部</a>
      <a href="#tab2" class="tab-link button">有图</a>
      
    </div>
    <div class="content1">
      <div class="tabs">
          <div id="tab1" class="tab active">
              <div id="tab1" class="tab active">
                  <div class="content2">
                   <div class="tab-1   xian">
                     <div>
                        <div class="xiangqing clearfix">
                          <img src="image/modo.jpg" class="fl" />
                          <div class="fl">
                            <span>韩国·梦妆蔷薇舒缓慕斯洁面泡沫</span><br />
                            <span>已好评</span>
                          </div>
                          <span class="icon icon-edit fr"></span>
                        </div>
                        <p>评价内容12345678</p>
                        <div class="clearfix xinghao">
                            <div class="fl">型号：<span>150ml</span></div>
                            <div class="fr">购买于<span>2017-08-02</span></div>
                        </div>
                        <div class="clearfix"><span class="fr">赞</span><span class="fr">评论</span></div>
                      </div>
                    
                   </div>
        
                   <div class="tab-1 xian">
                      <div>
                         <div class="xiangqing clearfix">
                           <img src="image/modo.jpg" class="fl" />
                           <div class="fl">
                             <span>韩国·梦妆蔷薇舒缓慕斯洁面泡沫</span><br />
                             <span>已好评</span>
                           </div>
                           <span class="icon icon-edit fr"></span>
                         </div>
                         <p>
                           <p>有图片的评价样式有图片的评价样式有图片的评价样式有图片的评价样式有图片的评价样式有图片的评价样式有
                             图片的评价样式有图片的评价样式有图片的评价样式有图片的评价样式有图片的评价样式 </p> 
                          <p  class="p1">
                             <img src="image/01.jpg" />
                           <img src="image/01.jpg" />
                           <img src="image/01.jpg" />
                          </p>
                         </p>
                             
                         </div>
                         <div class="clearfix xinghao">
                             <div class="fl">型号：<span>150ml</span></div>
                             <div class="fr">购买于<span>2017-08-02</span></div>
                         </div>
                         <div class="clearfix"><span class="fr">赞</span><span class="fr">评论</span></div>
                       </div>
                     
                    </div>
        
                   <div class="tishi">没有更多评价了</div>
                  </div>
          </div>
          <div id="tab2" class="tab">
              <div class="content2">
                  <div class="wupingjia">
                   <div>
                     <img src="image/wupingjia.png"><br />
                     <span>暂无评价</span>
                  </div>
                  </div>
                </div>
          </div>
         
          </div>
        </div>
      </div>
    <!--页面中间结束-->

        </div>
    </div>
</html